<template>
	<view >
		<view class="mask"></view>
		<view class="customer">
			<view class="top">
				<view class="title">客服电话</view>
				<view class="workTime">工作日 10:00-18:00</view>
				<image src="https://cdcrm.oss-cn-hangzhou.aliyuncs.com/cdcrm/business/2024/4/71601714185440703.png" @click="close" class="close" mode=""></image>
			</view>
			<view class="number">15822719988</view>
			<view class="flex-aj-center call" @click="makeCall" >立即拨打电话</view>
		</view>
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			makeCall(){
				const that = this;
				uni.makePhoneCall({
					phoneNumber:'15822719988',
					complete() {
						that.$emit("close")
					}
				})
			},
			close(){
				this.$emit("close")
			}
		}
	}
</script>

<style lang="scss" scoped >
	.customer{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%,-50%,0);
		background: #FFFFFF;
		border-radius: 32rpx;
		width: 654rpx;
		height: 496rpx;
		z-index: 11;
		.top{
			width: 100%;
			height: 192rpx;
			background-image: url(https://cdcrm.oss-cn-hangzhou.aliyuncs.com/cdcrm/business/2024/4/58671714206693359.png);
			background-size: cover;
			padding: 48rpx 0 48rpx 224rpx;
			position: relative;
			image{
				position: absolute;
				top: 48rpx;
				right: 24rpx;
				width: 40rpx;
				height: 40rpx;
			}
			.title{
				width: fit-content;
				height: 40rpx;
				font-family: PingFangSC;
				font-weight: 500;
				font-size: 40rpx;
				color: #292929;
				line-height: 40rpx;
				text-align: center;
				font-style: normal;
				margin-bottom: 24rpx;
			}
			.workTime{
				font-family: PingFangSC;
				font-weight: 400;
				font-size: 32rpx;
				color: #999999;
				line-height: 32rpx;
				text-align: justify;
				font-style: normal;
			}
		}
		.number{
			margin: 48rpx 24rpx;
			width: 606rpx;
			height: 64rpx;
			font-family: D-DINExp;
			font-weight: bold;
			font-size: 64rpx;
			color: #292929;
			line-height: 64rpx;
			text-align: center;
			font-style: normal;
		}
		.call{
			margin-left:42rpx;
			width: 558rpx;
			height: 96rpx;
			background: linear-gradient( 90deg, #FF961F 0%, #FF781F 100%);
			border-radius: 68rpx;
			font-family: PingFangSC;
			font-weight: 500;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 32rpx;
		}
	}
</style>